<!DOCTYPE html>
<%@taglib prefix="in" uri="/WEB-INF/tld/decorator.tld"%>
<html>
<head>
<title>SiteMan</title>
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

<in:headerInc incKendo="yes" />

</head>
<body>
	<in:header></in:header>


	<in:leftPanel></in:leftPanel>
	<div class="main-area">
		<div class="main-content">
			<div class="row top-row">
				<div class="col-md-2">
					<div class="btn-group">
						<button type="button" class="btn btn-default"
							title="Toggle Sidebar">
							<i class="fa fa-bars fa-lg"></i>
						</button>
						<button type="button" class="btn btn-default"
							title="Advanced Search">
							<i class="fa fa-search-plus fa-lg"></i>
						</button>
					</div>
				</div>
				<div class="col-md-10">
					<div class="pull-right padd-sm select">
						<table>
							<tr>
								<td><h5>Project:</h5></td>
								<td>&nbsp;</td>
								<td><select class="form-control" id="currentProject"
									url="getList.htm?id=2" style="min-width: 200px">
								</select></td>
							</tr>
						</table>
					</div>
				</div>
			</div>
			<div class="row">
				<div id="main" class="clearfix col-md-12">
					<div class="row">
						<div id="orders" class="ra-section"></div>
					</div>
					<script id="template" type="text/x-kendo-template">
					<div class="btn-group">
						<button type="button" class="btn btn-default">
							<span class="fa fa-plus-square-o fa-lg"></span>
						</button>
						<button type="button" class="btn btn-default">
							<span class="fa fa-pencil-square-o fa-lg"></span>
						</button>
						<button type="button" class="btn btn-default">
							<span class="fa fa-trash-o fa-lg"></span>
						</button>
						<button type="button" class="btn btn-default">
							<span class="fa fa-columns fa-lg"></span>
						</button>

						<div class="btn-group">
							<button type="button" class="btn btn-default dropdown-toggle"
								data-toggle="dropdown">
								Action <span class="caret"></span>
							</button>
							<ul class="dropdown-menu">
								<li><a href="\#">Dropdown link</a></li>
								<li><a href="\#">Dropdown link</a></li>
							</ul>
						</div>
					</div>

										</script>
					<script type="text/javascript">
						function toolbar_click() {
							alert("Toolbar command is clicked!");
							return false;
						}
						$("#orders")
								.kendoGrid(
										{
											toolbar : [ {
												template : kendo.template($(
														"#template").html())
											} ],
											dataSource : {
												type : "odata",
												transport : {
													read : "http://demos.kendoui.com/service/Northwind.svc/Orders"
												},
												serverPaging : true,
												serverSorting : true,
												serverFiltering : true,
												pageSize : 10
											},
											scrollable : false,
											sortable : true,
											groupable : true,
											filterable : true,
											pageable : {
												buttonCount : 4
											},
											columns : [ {
												field : "OrderID",
												width : "70px"
											}, {
												field : "ShipCountry",
												title : "Ship Country",
												width : "20%"
											}, {
												field : "ShipAddress",
												title : "Ship Address"
											} ]
										});
					</script>
				</div>
			</div>
		</div>
	</div>
</body>
</html>